<template>
    <el-card>
        <template #header>
            <div class="card-header">
                <span>基础用法</span>
            </div>
        </template>
        <el-link>default</el-link>
        <el-link type="primary">primary</el-link>
        <el-link type="success">success</el-link>
        <el-link type="warning">warning</el-link>
        <el-link type="danger">danger</el-link>
        <el-link type="info">info</el-link>
    </el-card>
    <el-card class="margin-top">
        <template #header>
            <div class="card-header">
                <span>禁用状态</span>
            </div>
        </template>
        <el-link disabled>default</el-link>
    <el-link type="primary" disabled>primary</el-link>
    <el-link type="success" disabled>success</el-link>
    <el-link type="warning" disabled>warning</el-link>
    <el-link type="danger" disabled>danger</el-link>
    <el-link type="info" disabled>info</el-link>
    </el-card>
</template>

<script lang="ts" setup>

</script>
<style>
.el-link {
  margin-right: 8px;
}
.el-link .el-icon--right.el-icon {
  vertical-align: text-bottom;
}
</style>